Card component
Cards contain content and actions about a single subject. Cards are surfaces that display content and actions on a single topic. They should be easy to scan for relevant and actionable information. Elements, like text and images, should be placed on them in a way that clearly indicates hierarchy.
Vertical cards
Copy below code and put your desired text and image and you are good to go.
Horizontal cards
Copy below code and put your desired text and image and you are good to go.
Card with shadow
Copy below code and put your desired text and image and you are good to go.
Text only cards
Simple Card is the one that contains a title, a descriptive text. To use the simple card add the class name card-textto the wrapped div.
Cards with dismiss
Copy below code and put your desired text and image and you are good to go.
Cards with text overlay
Copy below code and put your desired text and image and you are good to go.